<template>
  <div class="wrap">
  		<!-- header -->
  		<headerV></headerV>

  		<!-- content -->
  		<div class="index-content">
			<div class="about">
				<div class="title"><router-link to="/">关于我们</router-link></div>
				<div class="about_content">
					<p>海外旅游有限公司创建于1989年，公司主营入境、出境、客运、机票代理和旅游关联业务。为PATA(太平洋亚洲旅游协会)成员。自1993年以来，历年荣获国家旅游局评选的“全国国际旅行社百强”证书，多次被浙江省旅游局和杭州市旅委评为“浙江省国际旅行社10强”及“杭州市最佳旅行社”, “百佳诚信旅游企业”。2009年荣获浙江省首批五星品质旅行社。公司拥有自置的办公楼宇耀江广厦三楼全层和西湖大道营业部营业用房。</p>
					<div class="pic">
						<div class="small">
							<img src="../assets/home1_03.jpg" alt="" />
							<img src="../assets/home3_08.jpg" alt="" />
						</div>
						<div class="big">
							<img src="../assets/home4_06.jpg" alt="" />
						</div>
					</div>
					<router-link to="/" class="btn">查看详情</router-link>
				</div>
			</div>

			<div class="why">
				<div class="sel">
					<strong>为什么选择我们</strong>
				</div>
				<div class="reason">
					<ul>
						<li>
							<img src="../assets/client-4.png" alt="" />
							<p>精心挑选的地段</p>
							<span>提供全新的定制旅游路线和酒店住宿，让您旅行更安心。</span>
						</li>
						<li>
							<img src="../assets/client-33.png" alt="" />
							<p>一流的服务</p>
							<span>多条旅游路线供您选择，一站式服务提供，让您旅游更安心。</span>
						</li>
						<li>
							<img src="../assets/client-5.png" alt="" />
							<p>贴心的管家</p>
							<span>高级酒店、全程直飞，100%用心服务，让您旅行更安心。</span>
						</li>
					</ul>
				</div>
			</div>

			<div class="routerLine">
				<div class="title"><router-link to="">精选路线</router-link></div>
				<div class="line_content">
					<p>热门旅行景点，给您不一样的精彩体验，旅游全程服务，减少您的出游麻烦</p>
					<ul>
						<li>
							<img src="../assets/lvx5.jpg" alt="" />
							<router-link to="">西班牙游</router-link>
						</li>
						<li>
							<img src="../assets/lvx6.jpg" alt="" />
							<router-link to="">塞班岛游</router-link>
						</li>
						<li>
							<img src="../assets/lvx3.jpg" alt="" />
							<router-link to="">水上城市</router-link>
						</li>
						<li>
							<img src="../assets/lvx2.jpg" alt="" />
							<router-link to="">“黄金”城</router-link>
						</li>
						<li>
							<img src="../assets/lvx4.jpg" alt="" />
							<router-link to="">欧洲特色旅行</router-link>
						</li>
						<li>
							<img src="../assets/lvx1.jpg" alt="" />
							<router-link to="">清新地中海游</router-link>
						</li>
					</ul>
					<div class="line">
						<strong>旅行的路上走的越远，越能找到自己</strong>
						<p>人生就是一次充满未知的旅行，将会错过更好的风景，保持一份平和，保持一份清醒。享受每一刻的感觉，欣赏每一处的风景，这就是人生</p>
						<router-link to="" class="btn">精选路线</router-link>
					</div>
				</div>
			</div>

			<div class="news">
				<div class="title">
					<router-link to="">新闻资讯</router-link>
					<span>NEWS</span>
				</div>
				<div class="news_content">
					<img src="../assets/lvx5.jpg" alt="" />
					<ul>
						<li>
							<router-link to="">出境提示：旅游局提示暂缓赴牙买加旅游</router-link>
							<span>2017-10-27</span>
						</li>
						<li>
							<router-link to="">以色列入境旅游增速显著 2012欲达全球400万游客</router-link>
							<span>2017-10-27</span>
						</li>
						<li>
							<router-link to="">美联航客机遇乱流下坠 致至少6名乘客受伤</router-link>
							<span>2017-10-27</span>
						</li>
						<li>
							<router-link to="">个人赴日游门槛降低 持信用卡金卡可申请签证</router-link>
							<span>2017-10-27</span>
						</li>
						<li>
							<router-link to="">夏季出游需预防中暑</router-link>
							<span>2017-10-27</span>
						</li>
						<li>
							<router-link to="">四川千里自驾 黯然掠过北川灾后的余伤</router-link>
							<span>2017-10-27</span>
						</li>
					</ul>
				</div>
			</div>
  		</div>

	  	<!-- footer -->
	  	<footerV></footerV>
  </div>
</template>

<script>
import {Swiper, SwiperItem} from 'vux'
import footer from './public/footer'
import header from './public/header'
export default {
	components: {
		footerV : footer,
		headerV : header,
		Swiper, SwiperItem
	},
	data () {
		return {
			
		}
	},
	methods : {
		
	}
}
	
</script>


<style type="text/css" scoped="scoped">
	/* index.style */
	.about_content>p{color:#5a5a5a; padding:0 0.08rem; line-height:0.22rem;}
	.about_content .pic{overflow:hidden; margin:0.1rem auto;}
	.about_content .small {float:left;}
	.about_content .small img{width:1.6rem; height:1.6rem; display:block; margin-bottom:0.1rem;}
	.about_content .big{float:left;}
	.about_content .big img{width:1.52rem; height:3.3rem; margin-left:0.08rem;}
	.about .btn,.routerLine .line .btn{display:block; background:rgba(21,135,202,1); width:1rem; height:0.4rem; line-height:0.4rem; text-align:center; color:#fff; margin:0.1rem auto 0.3rem;}
	
	.why{overflow:hidden;}
	.why .sel{width:100%; height:1.6rem; text-align:center; background:url(../assets/bgyghjy.jpg) center center no-repeat; background-size:3.84rem 1.6rem;}
	.why .sel strong{color:#fff; font-size:0.24rem; line-height:1.6rem;}
	.why .reason {overflow:hidden; padding:0 0.25rem;}
	.why .reason li{margin-bottom:0.15rem; text-align:center;}
	.why .reason img{width:2rem; height:1rem;}
	.why .reason p{font-size:0.16rem; margin:0.15rem auto;}
	.why .reason span{color:rgb(102, 102, 102);}
	
	.routerLine{overflow:hidden; text-align:center;}
	.routerLine .title{background:rgb(245, 245, 245); }
	.line_content>p{color:rgb(136, 136, 136); background:rgb(245, 245, 245); 	padding:0 0.2rem 0.15rem; }
	.line_content ul{overflow:hidden;background:rgb(245, 245, 245); 	padding:0 0.05rem; }
	.line_content li{width:48%; float:left; margin-bottom:0.06rem;}
	.line_content li:nth-of-type(2n){margin-left:0.12rem;}
	.line_content img{width:100%;}
	.line_content a{color:#434343; line-height:0.35rem;}
	.line_content .line{background-size:100% 100% !important; background:url(../assets/home-parallax.jpg) center center no-repeat; color:#fff; padding:0.2rem 0.1rem; margin-top:0.2rem}
	.routerLine .line strong{font-size:0.18rem; margin:0.2rem auto; display:block;}
	.routerLine .line .btn{margin:0.2rem auto 0 !important;}
	
	.news_content>img{width:100%; margin-bottom:0.1rem;}
	.news_content ul{overflow:hidden; padding:0 0.12rem;}
	.news_content li{	border-bottom:1px dashed #eeeeee; margin-bottom:0.1rem; padding-bottom:0.1rem;}
	.news_content li a{display:block; color:#5a5a5a;}
	.news_content li span{color:#929292;}
	.news_content li a:hover{color:#b63327;}
</style>